<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<style>
			body {
			margin:0; 
			padding:0;
			background:#FFFFA6;
			}
			#main section {
			display:block;
			border:5px solid #29D9C2;
			width:60%;
			height:120px;
			margin:5% auto;
			}
		@media screen and (min-width: 480px) {
			#main {
			width:90%;
			margin:0 auto;
			}
			#main > section:first-child {
			margin-right:5%;
			}
			#main section {
			float:left;width:45%;
			}
		}
		</style>
		<script src="modernizr.custom.27978.js"></script>
	</head>
	<body>
		<div id="container">
		<div id="main">
		<section id="top-news"></section>
		<section id="sports"></section>
		</div>
		</div>
	</body>
</html>